<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>端侧边缘侧融合的视觉智能推理引擎平台</title>
    <link rel="stylesheet" href="/static/css/main.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
    <div class="layout">
        <!-- 左侧导航栏 -->
        <nav class="sidebar">
            <div class="sidebar-header">
                <h2>功能导航</h2>
            </div>
            <ul class="nav-menu">
                <li class="nav-item" data-page="dashboard">
                    <a href="#dashboard">首页</a>
                </li>
                <li class="nav-item" data-page="detect">
                    <a href="#detect">人脸检测</a>
                </li>
                <li class="nav-item" data-page="landmarks">
                    <a href="#landmarks">特征点检测</a>
                </li>
                <li class="nav-item" data-page="compare">
                    <a href="#compare">面部对比</a>
                </li>
                <li class="nav-item" data-page="encoding">
                    <a href="#encoding">特征编码</a>
                </li>
                <li class="nav-item" data-page="encoding">
                    <a href="#encoding">更新中···</a>
                </li>
            </ul>
        </nav>

        <div class="main-wrapper">
            <!-- 顶部栏 -->
            <header class="top-bar">
                <h1>端侧边缘侧融合的视觉智能推理引擎平台</h1>
                <div class="user-controls">
                    <div class="user-dropdown">
                        <span class="current-user" id="currentUser">当前用户：admin</span>
                        <div class="dropdown-menu">
                            <div class="dropdown-item" onclick="showLogoutConfirm()">
                                <i class="fas fa-sign-out-alt"></i>
                                退出登录
                            </div>
                        </div>
                    </div>
                </div>
            </header>

            <!-- 视频背景 -->
            <div class="video-background">
                <video id="bgVideo" autoplay muted loop>
                    <source src="/static/media/background.mp4" type="video/mp4">
                </video>
                <div class="video-overlay"></div>
            </div>

            <!-- 主要内容区域 -->
            <main class="main-content">
                <!-- 各功能页面将动态加载到这里 -->
            </main>
            
        </div>
    </div>
    <script src="/static/js/main.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</body>
</html> 